<script setup lang="ts">
import { ref } from "vue";
import { invoke } from "@tauri-apps/api/core";
import { useRouter } from 'vue-router'

const router = useRouter()

const greetMsg = ref("");
const name = ref("");
var diffFile=ref([]);

async function greet() {
  greetMsg.value = await invoke("greet", { name: name.value });
}

</script>

<template>
  <main class="container">
    <h1>请选择需要对比的solution</h1>
    <div class="row">
      <div>
        <label>源solution:</label>
        <input  id="origin" placeholder="请输入solution 完整路径"></input>
      </div>
      <div style="width: 50px;"></div>
      <div >
        <label>次solution:</label>
        <input  id="target" placeholder="请输入solution 完整路径"></input>
      </div>
    </div>

    <form class="row" @submit.prevent="compare">
      <button >Compare</button>
    </form>
    
  </main>
</template>
